﻿html {    font-size:          17px; }

body {
    direction: ltr;
    margin: 0px;
    color: #39383A;
    background-color: #ffffff;
    /*font-family: 'RaananSuper', 'RopaSansRegular';*/
    font-family:'RopaSansRegular';
    font-size: 17px;
    line-height: normal;
}

table   { 
    padding:            0px; 
    margin:             0px;
}

td  { 
    vertical-align:     top; 
    padding:            0px;
}

p   {
    direction:          ltr;
    margin-top:         0px;
    margin-bottom:      0px;
    color: inherit;
    font-size: 100%;
    line-height:normal;
}
ul, ol, dl{
    font-size:100%;
}
a   {color: inherit;text-decoration:none;}
a:hover, a:focus   {color: inherit;}
img { max-width:100%; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:Arial; }

textarea    { outline: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'RaananSuperBold','RopaSansRegular'; margin: 0; line-height: normal; color: inherit; }

h1, h2, h3, h4, h5, h6 {font-weight: bold;}

h2{font-size: 300%;/*font-family: 'RaananSuperBold';*/text-align: center;margin-bottom: 40px;}
h2:after{content:"";background: #d2232a;width: 120px;height: 4px;display: block;margin: 10px auto 0;}

h3{font-size: 250%;/*font-family: 'RaananSuperBold';*/text-align: center;}
section {width: 100%;}


.scn-reader-only { width: 0px;height: 0px;overflow: hidden;position: absolute; }
.screen-reader-text { color: #323944;display: block;clip: rect(1px, 1px, 1px, 1px);position: absolute !important;text-decoration: none; } 
.screen-reader-text:link, .screen-reader-text:visited:link { -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
.screen-reader-text:hover, .screen-reader-text:focus { background-color: #f1f1f1;border-radius: 0px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;display: block;
    font-weight: 700;height: auto;left: 0;line-height: normal;padding: 15px 25px;text-decoration: none;top: 0;width: auto;z-index: 100010;outline: 0;color:#000000;font-size:100%; }
.pull-right {float: left !important;}

@media(max-width: 767px) {
    h2 {font-size: 200%;max-width: 240px;margin: 0 auto 30px;line-height: 0.9;}
    h3{font-size: 150%;/*font-family: 'RaananSuperBold';*/text-align: center;}
}
/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer          {  }

#SiteHeaderContainer    {
    padding:0px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 2;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    }
.transparent #SiteHeaderContainer{
    background-color:transparent;
     -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#SiteGridContainer      {position: relative;z-index: 0;}
#SiteFooterContainer    {padding:0px;background-image: url('../../../000Frames/site/images/footer.jpg');}

#SiteHeader             {max-width: 100%;margin-left: auto;margin-right: auto;margin-top: 0px;font-family:'RaananSuperBold', 'RopaSansRegular'; font-weight: bold;}
#SiteFooter             { max-width: 1170px; margin-left: auto; margin-right: auto; overflow:hidden; }
#SiteGrid               { max-width:100%; padding:0px; margin:0 auto; overflow:hidden; }

#GridRight              { float:right; width:250px; margin-left:40px; }

#GridLeft               { float:right; display:none; }
#GridTop                {  }
#GridContent            {position: relative;z-index: 0;margin-top: -45px;}
#GridFooter             {  }
#SiteFooterContainer { position: relative; }
#PageLeft               { }
#PageRight              { }
#PageMenu               { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }



@media (max-width: 1170px)  { 
    #GridLeft           { display:none; } 
}

@media (max-width: 1170px) {
    #SiteHeaderContainer    { padding:0 5px; }
    #SiteGridContainer      { padding:0 5px; }
}

@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
     #SiteHeaderContainer{border-bottom: 4px solid #d2232a;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #fff;padding: 0;}
     #SiteGridContainer{padding:0px;    padding-top: 80px;}
}


@media (min-width:767px) {
    #SiteFooterContainer a.accessability { position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%); left: 20px; }
}

@media(min-width: 768px) and (max-width: 990px) {
    #SiteFooterContainer a.accessability { top: 70%; }
}

@media (max-width:767px) {
     #GridRight {float:none;width:100%; margin:0 auto;}
     #SiteFooter{padding: 0 5px;}
     #SiteGridContainer{ padding-top: 56px;}
     #SiteFooterContainer               { text-align: center; }
    #SiteFooterContainer a.accessability    { margin-top: 10px; display: inline-block; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header {margin-top: 10px;}
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px){
#search_form_header_input_continer       { text-align: center;display: inline-block;margin: 0 auto;width: 100%; }
#search_form_header_input                { display:inline-block; }
#search_form_header_submit               { width: 40px;display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; border-top:1px solid #ECECEC;box-shadow:none; -webkit-box-shadow:none;padding:14.5px 0; margin:0;   }
.accordion .panel:nth-child(2n) {background-color:#EDEDED;}
.accordion .panel:last-child {border-bottom:1px solid #ddd;}
.accordion .panel-title {width:95%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:24px; font-family:'RaananSuper'; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative; margin-bottom:10px; margin-top:10px; margin-right:15px; } 
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { content: " "; display: block;width: 20px; height: 20px; float: left; background-image:url('../../../000Frames/site/images/plus.png');background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after {background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; font-size:20px;font-weight:bold;}
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) { 
.owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important;
 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); 
                }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery .lightbox-gallery-item

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}

.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps    {margin-top: 80px;height: 25px;position: relative;z-index: 1;padding:20px;}

@media(max-width:991px){#PageBreadCrumps{margin-bottom:10px;margin-top:10px;}}
    
#PageBreadCrumps a:link         { 
    background-image: url('../images/breadcrumbs-arrow.png');
    color: #5A5B5E;
    text-decoration: none !important;
    display: inline-block; 
    padding-left: 25px; 
    background-repeat: no-repeat; 
    background-position: left 10px top 7px; 
}

#PageBreadCrumps a:first-child  { background-image: none; padding-left: 0; }
#PageBreadCrumps a:visited      { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }    
#PageBreadCrumps a:hover        { color: #5A5B5E; text-decoration: underline; font-size: 100%; }

@media(max-width:767px){
    #PageBreadCrumps { padding:10px; }
    nav#PageBreadCrumps { display: none; }
}


/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form {
    position:relative;
}

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error {
    display: none;
    color: #BA975D;
    z-index: 9999;
}

.mrw-dynamic-form .form-messages {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255,255,255,0.8);
}

.mrw-dynamic-form .error-message    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label   { font-weight:normal; }
.mrw-dynamic-form .form-group > div { margin-bottom:15px; }
.mrw-dynamic-form .form-control {
    border: 1px solid silver;
    color: #000;
    background: none;
    font-size:100%;
    padding-right: 10px;
    position: relative;
    cursor: text !important;
    background: none !important;
 }

.mrw-dynamic-form label.error      { color:red; position:absolute; top:0px; left:15px; font-weight:normal; }
.mrw-dynamic-form .form-control.error { border-color:red; }


/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label         { }
#contact-form-wiget .form-control           { }
#contact-form-wiget .form-submit            { }

@media(max-width:991px) {
    #contact-form-wiget { display: none; }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox   { text-align:center; background-color:#1c1c1c; padding:15px; }

#loginBox .loginBox-guest-hello     { color:#F68B1F; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#F68B1F; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;pointer-events:none;
}

.dropdown.open .dropdown-menu {
    max-height: 500px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;pointer-events:all;
}
.ui-selectmenu-menu                 { display: block; max-height: 0px; overflow: hidden; transition: max-height 100ms ease-in-out;-webkit-transition:max-height 100ms ease-in-out; }
/*.ui-selectmenu-menu:after           { position: absolute; content: ""; border-right: 3px solid; top: 0; right: 0; }
.ui-selectmenu-menu:after           {  position: absolute;content: ""; border-left: 3px solid; top: 0; left: 0; }*/
.ui-selectmenu-open                 { max-height: 5000px; transition: max-height 650ms ease-in-out;-webkit-transition:max-height 650ms ease-in-out;overflow:visible; }

/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline       {    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);}
#headline h1    { margin: 0; padding: 0; line-height:100%; 
    font-size: 350%;
    margin-bottom: 0;}

#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom:10px;  }

#writer         { margin-bottom: 5px; font-weight: normal; }
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 b        { }

#video          { margin-bottom:  20px; }
#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }



.picD           { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby          { height: 460px; margin-bottom:30px; }



/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }

@media (max-width: 767px)  { 
    .row            {}
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }
.modal-vertical-align       { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-alignment-helper  { display: table;height: 100%;width: 100%;text-align:center}
.close                      {text-shadow:none;direction:rtl;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);color: #fff;z-index: 9;opacity: 1 !important;font-size: 18px;font-weight: normal;float: none;position: absolute;top: 0;pointer-events: all;left:50%; }
.close svg                  { width: 30px;height: 30px;fill:#ffffff;}
.close span                 { display: inline-block;vertical-align: middle;color: #ffffff;font-weight: normal;text-transform: uppercase;font-size: 60%;}
.close { display:inline-block; }
.close span.xIcon           { margin-left: 5px; }
.close:hover, .close:focus  { opacity:1; }
.modal-content {box-shadow: none;border: none;margin: auto;background-color: transparent;pointer-events: all;/* max-width: 950px; *//* max-height: 76vh; */overflow: auto;border-radius: 0;width: auto;direction: ltr;display: inline-block;padding-top: 40px;text-align:center; }
.all-content iframe {max-width: 95vw;max-height: 58vh;width: 100vw;height: 100vh;border: none;}

@media(max-width:991px){
    .close{}
    .all-content iframe{max-height: 40vh;}
    .modal-open .modal{
    padding: 0 !important;
}
}





/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view {max-width: 1188px;margin: 0 auto;padding: 0 0;text-align: center;}
.grid-view .row{padding: 0;max-width: 100%;}
.grid-view .grid-box {/*border-bottom: 1px solid #ddd;*/margin-bottom: 30px;text-align: center;background: #fff;padding: 10px 10px;position: relative;transition: all 500ms ease-out;-webkit-transition: all 500ms ease-out;}
.grid-view .grid-box:hover{-moz-box-shadow: -8.2px 6.2px 16px 0 rgba(0, 0, 0, 0.14);-webkit-box-shadow: -8.2px 6.2px 16px 0 rgba(0, 0, 0, 0.14);    box-shadow: -8px 6px 30px 0 rgba(0, 0, 0, 0.08);}
.grid-view .gridItem {display:none}
.grid-view.all .gridItem,
.grid-view .gridItem.active{display:block;padding: 0 13px;margin-bottom: 40px;float: none !important;display: inline-block;margin: 0 -2px 50px;vertical-align: top;}
.grid-view .grid-box-image      {padding-bottom: 77%;position:relative;overflow:hidden;/*background-color: #c9c9c9;*/}
.grid-view .grid-box-image a    { display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; }
.grid-view .grid-box-image img  {margin: 0 auto;max-width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.grid-view .grid-box-content{font-size: 105%;padding-top: 25px;height: 66px;}
.grid-view .grid-box-content a{text-decoration:none}
.grid-box:hover .item-plus img {transform: translate(-50%, -50%) rotate(180deg);-webkit-transform: translate(-50%, -50%) rotate(180deg);}

.grid-view.center-elements .row         { font-size:0px; text-align:center; }
.grid-view.center-elements .row > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }

@media(max-width:991px){
    .grid-view{ padding: 0 40px;}
    .grid-view .grid-box-content{height:100px;position: relative;}
}
@media(max-width:767px){
    .grid-view.all .gridItem, .grid-view .gridItem.active{padding: 0 8px;margin-bottom: 20px;}
    .grid-view{padding: 0 10px;}
    .grid-view .grid-box-content {font-size: 100%;height: auto;padding-bottom: 20px;}
}


/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: 'RaananSuper';
    src: url('../Fonts/RaananSuper/RaananSuper.eot');
    src: url('../Fonts/RaananSuper/RaananSuper.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RaananSuper/RaananSuper.woff') format('woff'),
         url('../Fonts/RaananSuper/RaananSuper.svgz#RaananSuperRegular') format('svg'),
         url('../Fonts/RaananSuper/RaananSuper.svg#RaananSuperRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; 

}

    	
	@font-face {
    font-family: 'RaananSuperBold';
    src: url('../Fonts/RaananSuperBold/RaananSuperBold.eot');
    src: url('../Fonts/RaananSuperBold/RaananSuperBold.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RaananSuperBold/RaananSuperBold.woff') format('woff'),
         url('../Fonts/RaananSuperBold/RaananSuperBold.svgz#RaananSuperBold') format('svg'),
         url('../Fonts/RaananSuperBold/RaananSuperBold.svg#RaananSuperBold') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; 

}


@font-face {
    font-family: 'Gotham-Black';
    src: url('../Fonts/GothamBlack/GothamBlack.otf');
    src: url('../Fonts/GothamBlack/GothamBlack.woff') format('woff'),url('../Fonts/GothamBlack/GothamBlack.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat-ExtraBold.otf');
    src: url('../Fonts/Montserrat-ExtraBold.woff') format('woff'),url('../Fonts/Montserrat-ExtraBold.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RopaSansRegular';
    src: url('../Fonts/RopaSansRegular/RopaSansRegular.otf');
    src: url('../Fonts/RopaSansRegular/RopaSansRegular.woff') format('woff'),url('../Fonts/RopaSansRegular/RopaSansRegular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

#popup-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    z-index:99999;
}
    
#popup-modal .modal-header {
    border: none;
    padding: 0px;
}

#popup-modal .close {
    display: block;
    float: none;
    margin: 0 auto;
    opacity: 1;transform: translateX(-50%);-webkit-transform:translateX(-50%);
    left: 50%;right:auto; 
}

#popup-modal .close span {
    color: #fff;
}

#popup-modal .modal-body {
    text-align: center;
}

#popup-modal .modal-content {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;width: auto;
    max-width: 90vw;
}


.vertical-alignment-helper { display: table; height: 100%;width: 100%; }
.vertical-align-center     { display: table-cell;vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery       { position:relative; min-height:250px; }
.lightbox-gallery-item  { display:none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery>.close, .blueimp-gallery>.title    { top:65px; display:block; }
.blueimp-gallery a.next         { display:block !important; }
.blueimp-gallery a.prev         { display:block !important; }
.blueimp-gallery ol.indicator   { display:block !important; }
.blueimp-gallery a.play-pause   { display:block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider {border: none;background: none;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0 0px 0px rgba(0,0,0,0);-o-box-shadow: 0 0px 0px rgba(0,0,0,0);box-shadow: 0 0px 0px rgba(0,0,0,0);overflow:hidden;}
.flexslider .flexslider-item {display: block;padding-bottom: 40%;background-size: cover;background-position: center center;}
.flexslider .flex-control-nav { bottom:20px; z-index:2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item {position:relative;}
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff;font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%;}


@media(max-width:767px) {
.flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

#SiteFooter .footerContact              {margin-top: 12px;margin-bottom: 12px;}
#SiteFooter .footerBlockTitle           { text-align:center; font-size: 140%; }
#SiteFooter .footerBlockContent         {font-size: 120%;text-align: center; font-family: 'RopaSansRegular';}

@media(max-width:767px){
    #SiteFooter .footerContact{}
    #SiteFooter .footerBlockContent{font-size: 95%;/* max-width: 290px; */}
    .footerlinksDesktop > div{float: none;margin: 0 auto;padding: 0;max-width: 290px;width: 100%;}
}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 20px; }

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {

.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align:center; }
.bootbox .modal-footer button { margin:10px; }
.bootbox .modal-footer .btn+.btn {margin-bottom:10px;}
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px){
    .bootbox .modal-dialog { width: 80%; }
}

a.generalBtn, .generalBtn {width: 200px;height: 46px;line-height: 46px;background: #d2232a;border: 0;display: block;text-align: center;color: #fff;font-size: 120%;transition: all 200ms ease-in-out;text-decoration: none;-webkit-appearance:none;border-radius: 22px;-moz-box-shadow: -4.2px 4.2px 16px 0 rgba(0, 0, 0, 0.14);-webkit-box-shadow: -4.2px 4.2px 16px 0 rgba(0, 0, 0, 0.14);box-shadow: -4.2px 4.2px 16px 0 rgba(0, 0, 0, 0.14);    margin-top: 20px;}
a.generalBtn:hover, .generalBtn:hover, a:hover > .generalBtn  {-moz-box-shadow: -8.2px 6.2px 16px 0 rgba(0, 0, 0, 0.14);-webkit-box-shadow: -8.2px 6.2px 16px 0 rgba(0, 0, 0, 0.14);box-shadow: -8.2px 6.2px 16px 0 rgba(0, 0, 0, 0.14);}
a.generalBtn:hover,a.generalBtn:focus, .generalBtn:hover,.generalBtn:focus { background: #39383A; }
.professionalSection a.generalBtn:hover,.professionalSection a.generalBtn:focus { background: #ffffff;color: #39383A; }
@media(max-width:767px) {
    a.generalBtn, .generalBtn{font-size: 110%;}
}

.ContentWrapper{max-width:1170px;width:100%;padding:0 10px;margin: 0 auto;}
.topImagesWrapper{position:relative;}


::-webkit-scrollbar {
    width: 10px;
    height: 2px;
}
::-webkit-scrollbar-button {
    width: 10px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ec323a;
    border: 0px none #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ec323a;
}
::-webkit-scrollbar-thumb:active {
    background: #ec323a;
}
::-webkit-scrollbar-track {
    background: #ebebeb;
    border: 0px none #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
    background: #ebebeb;
}
::-webkit-scrollbar-track:active {
    background: #ebebeb;
}
    ::-webkit-scrollbar-corner {
    background: transparent;
}

/****Forward Slider***/
body.lockForward{position: fixed;overflow-y: scroll;width: 100%;}
.ForwardSlider #right-wrapper-color {height: 0%;bottom: 0%;left: 0;}
.ForwardSlider #left-wrapper-color {height: 0%;top: 0%;right: 0;}
.ForwardSlider #right-wrapper-color,
.ForwardSlider #left-wrapper-color{width: 50%;position: absolute;z-index: 1;transition: all 0ms ease-in;-webkit-transition: all 0ms ease-in;background: #d2232a;}
.ForwardSlider .Forward-Slider-Item{width: 100%;height: 100%;position: absolute;;z-index: 0;pointer-events: none;}
.ForwardSlider .Forward-Slider-Item.active{pointer-events: auto;}
.ForwardSlider .Forward-Slider-image{background-size: cover;position: absolute;width: 100%;height: 100%;top: 0;    background-position: center;}
.ForwardSlider #right-wrapper,
.ForwardSlider #left-wrapper {position: absolute;width: 50%;height: 100%;}
.ForwardSlider #left-wrapper{right: 0;}
.ForwardSlider #right-wrapper{left:0;}
.ForwardSlider #center-wrapper {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;margin-top: 40px;}
#scroll-down {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 1;width:50px; height:50px;}

.ForwardSlider.fadeSlider #right-wrapper-color {display:none;}
.ForwardSlider.fadeSlider #left-wrapper-color {height: 100%;opacity:0;}
.ForwardSlider.fadeSlider #right-wrapper-color,
.ForwardSlider.fadeSlider #left-wrapper-color{}
.ForwardSlider.fadeSlider .Forward-Slider-Item{}
.ForwardSlider.fadeSlider .Forward-Slider-Item.active{}
.ForwardSlider.fadeSlider .Forward-Slider-image{}
.ForwardSlider.fadeSlider #right-wrapper,
.ForwardSlider.fadeSlider #left-wrapper {}
.ForwardSlider.fadeSlider #left-wrapper{}
.ForwardSlider.fadeSlider #right-wrapper{}
.ForwardSlider.fadeSlider #center-wrapper {}
#scroll-down {}



/***parallaxYs***/
.parallaxY-wrapper{position:absolute;width: 50%;top: 0;height: 100%;}
.parallaxY-wrapper-right{right:0;}
.parallaxY-wrapper-left{left:0;direction: ltr;}
.parallax-y{position: absolute;transform: translateY(0);}

/****parallax-layer****/
.parallax-layer{transition: all 1000ms ease-out;-webkit-transition: all 1000ms ease-out;}

@media(max-width:991px){
    .parallax-y{transform: none !important;}
}


.grid-row-cell{display: table-cell;vertical-align:middle;height:100%;padding:0;position:relative;float:none !important;}
.grid-row {width: 100%;display: table;vertical-align: middle;height: 100%;margin-right: 0;margin-left: 0;}
.grid-row-text {max-width: 500px;margin: 0 auto;width: 90%;}
.grid-row-cell img {margin: 0 auto;display: block;}
.grid-row-text p {font-size: 130%;    line-height: 1.23;}

@media(max-width:991px){
    .grid-row-cell{width: 100%;display: block;text-align: center;height: auto;}
    .grid-row-cell img{transform: none !important;margin-top: 30px;}
    #lobby { height: 450px;}
}
@media(max-width:767px){
    .grid-row-cell img{width: 60%;}
    #lobby {height: 250px;}
    .grid-row-text p{font-size:100%}
}
.FadeInElementSlider{opacity: 0;transform: translateY(-30px);-webkit-transform: translateY(-30px);transition: all 1000ms cubic-bezier(.17,.67,.83,.67);-webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67);}
.FadeInElementSlider.showItem{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);transition: opacity 500ms ease-in, transform 400ms ease-in;-webkit-transition: opacity 500ms ease-in, transform 400ms ease-in;}

.FadeInElement{opacity: 0;transform: translateY(-30px);-webkit-transform: translateY(-30px);transition: all 1000ms cubic-bezier(.17,.67,.83,.67);-webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67);transition-duration: 1.5s;-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.FadeInElement.showItem{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);/* transition: opacity 500ms ease-in, transform 400ms ease-in; *//* -webkit-transition: opacity 500ms ease-in, transform 400ms ease-in; */}

option.placeholder      { display: none; }
#navbar-top .navbar-nav > li.facebookLink > a:before, #navbar-top .navbar-nav > li.facebookLink > a:after,
    #navbar-top .navbar-nav > li.igLink > a:before, #navbar-top .navbar-nav > li.igLink > a:after{ display: none; }
#navbar-top .navbar-nav > li.igLink { margin-left: 15px;}
.SubNavWrapper {display: block;text-align: center;margin-top: -66px;    margin-bottom: 80px;}
#categoryView.category-6 .SubNavWrapper     { margin-top: -92px; }
.SubNav {position: relative;text-align: center;display: inline-block;margin: 0px auto 50px;width: auto;height: 50px;background: transparent;border: none;}
.SubNav tr:first-child{background: transparent;text-align: center;border: none;}
.SubNav tr:first-child th{text-align:center;font-size: 200%;border-top: 2px solid #39383A;padding: 0;height: 38px;}
.SubNav tr, .SubNav tr:nth-of-type(even){background: url(../../../000Frames/site/images/bg.jpg);border: 2px solid #39383A;}
.SubNav tr:first-child th span{position: relative;top: -20px;padding: 0 15px;font-weight: bold;/*font-family: 'RaananSuperBold';*/}
.SubNav-item{float: none;display: inline-block;height: 100%;width: 190px;padding: 0;border-left: 2px solid #39383A;text-align: center;font-size: 110%;}
.SubNav-item:first-child{border: none;}
.SubNav-item a{display: block;font-size: 110%;line-height: 50px;}
.SubNav-item a.active{background: #d2232a;color: #fff;}

@media(max-width:1370px){
    .SubNav-item{width:160px;}
}
@media(max-width:1100px){
    .SubNav-item{width:130px;}
}

@media(max-width:991px){
    .SubNavWrapper{margin-bottom:30px;position: relative;z-index: 1;margin-top: -42px;}
    .SubNav {border: 3px solid #39383A;width: calc(100% - 100px);height: 73px;}
    .ui-selectmenu-text {margin-right: 0;}
    .ui-state-active .ui-icon, .ui-button:active .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-selectmenu-icon.ui-icon {float: right;background-image: url('../../../000Frames/site/images/contactSelectArrow.png');width: 22px;background-size: cover;background-position: center;height: 12px;margin-top: 15px;}
    .ui-menu .ui-menu-item-wrapper { padding-left: 25px;}
    .ui-menu .ui-menu-item {list-style-image: none;}
    .ui-widget-content {border: none;}
    .ui-widget.ui-widget-content {border: none;font-family: 'RaananSuper';font-size: 150%;}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: none;background: none;}
    .ui-selectmenu-button.ui-button {width: 100%;background: #fff;border: none;border-radius: 0px;text-align: left;height: 100%;margin: 0;line-height: 44px;font-size: 150%;font-family: 'RaananSuper';}
    .ui-selectmenu-menu:after   { border: 3px solid transparent;border-top: none;position: absolute;top: 3px;content: "";right: -3px;bottom: 0;left: -3px;pointer-events: none;transition: all 650ms ease-in-out;-webkit-transition:all 650ms ease-in-out; }
    .ui-selectmenu-open:after   { border: 3px solid #39383A;border-top: none; }
}

@media(max-width:767px){
    .SubNavWrapper {margin-top:-30px;}
    .ui-selectmenu-button.ui-button{padding-left: 25px;line-height: 29px;}
    .ui-selectmenu-button.ui-button,
    .ui-widget.ui-widget-content{font-size: 110%;}
    .SubNav{height: 53px;margin-bottom:0px;width:calc(100% - 40px);}
    .ui-state-active .ui-icon, .ui-button:active .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-selectmenu-icon.ui-icon{margin-top: 10px;width: 15px;height: 8px;}
}


.item-plus {box-shadow: 0px 5px 11px 0 rgba(0, 0, 0, 0.14);width: 40px;height: 40px;background: #edc33d;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);border-radius: 50%;z-index: 1;}
.item-plus img{position: absolute;top: 50%;left: 50%;width: 16px;transform: translate(-50%, -50%) rotate(0deg);-webkit-transform: translate(-50%, -50%) rotate(0deg);transition: all ease-in-out 450ms;-webkit-transition: all ease-in-out 450ms;}

@media(max-width:767px) {
    .item-plus{width: 40px;height: 40px; bottom: 15px;}
    .item-plus img{width: 12px;}
}



.left-side {width: 400px;display:table-cell;vertical-align: top;padding: 0;margin-right: 0;background-color:#fff;direction: ltr;}
.right-side {display:table-cell;vertical-align: top;width: 700px;background: #fff;direction: ltr;}
.right-side h2, .left-side h2{background-color:#393839;color:#fff;line-height:50px;text-align:left;padding:0 40px;font-size:150%;margin-bottom: 0;}
.right-side h2:after, .left-side h2:after{display:none;}
.left-side h2{padding-right: 15px;}
.center-side {display: table-cell;vertical-align: top;width: 30px;}

.left-side-list h3 {font-size: 115%;padding: 20px 15px 0px 15px;}
.left-side-list, .right-side-list{background: #fff;padding-bottom: 20px;}
.left-side-list ul, .right-side-list ul {font-size: 105%;margin: 0;margin-top: 0px;list-style: none;}
.left-side-list ul li, .right-side-list ul li{margin: 0px 20px;border-bottom: 1px solid #393839;padding: 5px 0;}
.left-side-list ul li:before, .right-side-list ul li:before{content:">";display:inline-block;color: #d2232a;margin-right: 10px;}
.left-side-list ul li:last-child, .right-side-list ul li:last-child{border-bottom:none}


@media(max-width:991px){
    .left-side, .right-side {width: 100%;display: block;}
    .center-side{display:none;}
}
@media(max-width:767px){
    .right-side h2, .left-side h2{max-width: 100%;padding: 0 15px;}
}


a.sharing-btn {background: #393839;border-radius: 50%;width: 35px;height: 35px;display: inline-block;vertical-align: middle;text-align: center;margin: 0 0 0 10px;}
a.sharing-btn svg {fill: #fff;max-height: 18px;display: inline-block;position: relative;top: 9px;max-width: 17px;}
a.sharing-btn.whatsapp-share svg{top: 8px;right: -1px;}

@media(max-width:767px){
    a.sharing-btn:first-child{margin:0;}
}



.cookoingWayWarapper h4 {margin-top: 40px;font-size: 120%;margin-bottom: 20px;}
.cookoingWay {display: inline-block;width: 60px;margin-right: 45px;text-align: center;font-size: 110%;position: relative;}
.cookoingWay img{margin-bottom: 10px;height: 44px;margin-top: 9px;position: relative;}
.cookoingWay span{margin-top: 20px;}
.cookoingWay:before {content: "";position: absolute;background: #edc33d;width: 100%;padding-bottom:100%;top: 0px;left: 0;box-shadow: 0px 5px 11px 0 rgba(0, 0, 0, 0.14);border-radius: 50%;}

@media(max-width:991px){
    .cookoingWay{margin-right: 40px;}
}
@media(max-width:767px){
    .cookoingWay{margin-right: 20px;margin-bottom:15px; }
}